
@font-face {
font-family:'icons';
src:url('../font2/icomoon.eot'); 
src:url('../font2/icomoon.eot?#iefix') format('embedded-opentype'), 
	url('../font2/icomoon.woff') format('woff'), 
	url('../font2/icomoon.ttf')  format('truetype'), 
	url('../font2/icomoon.svg') format('svg'); 
font-weight: normal;
font-style: normal;
}
html{
font-size:62.5%;
font-family:黑体;
}
body{
margin:0;
background:#f8f8f8;
}
.main{
width:100%;
display:block;
overflow-x:hidden;
overflow-y:auto;
}
.banner{
display:block;
margin:2.4rem;
}
.banner img{
width:100%;
display:block;
}
.button{
display:block;
background:#09b0fe;
margin:2.4rem;
margin-top:0;
height:8rem;
line-height:8rem;
text-align:center;
font-size:4rem;
color:#fff;
border-radius:1.2rem;
}
.main ul{
list-style:none;
display:block;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#fff;
padding-left:3rem;
margin-bottom:3rem;
}
ul li{
display:block;
border-bottom:1px solid #ddd;
height:9rem;
line-height:9rem;
font-size:3.2rem;
color:#333;
padding-left:8rem;
position:relative;
}
ul li:last-child{
border:0;
}

ul li:before{
position:absolute;
height:5rem;
width:5rem;
border-radius:8rem;
top:2rem;
left:0;
display:block;
font-family:'icons';
background:#fff;
font-size:4rem;
line-height:5rem;
text-align:center;
}
.main ul li:after{
content:url(/lib/img/my_dy.png);
position:absolute;
height:5rem;
width:5rem;
border-radius:8rem;
top:2rem;
right:1.5rem;
display:block;
font-family:'icons';
background:#fff;
font-size:2.6rem;
line-height:5rem;
color:#aaa;
text-align:center;
}
.main ul .a1:before{
color:#ac6df9;
content:url(/image/my_djq.png);
}
.main ul .a2:before{
color:#64cb55;
content: "\e606";
}
.main ul .a3:before{
color:#36d9ba;
content: "\e605";
}


/*phone2*/


.pic1{
	display: block;
	margin: 0;
	width:100%;
}
.btn-group{
display: block;
margin:0;
margin-bottom: 3rem;
width:100%;
height:8rem;
}
.btn-group span{
display:block;
width:50%;
background:#09b0fe;
line-height:8rem;
font-size: 4rem;
text-align: center;
color:#fff;
float:left;
}
.btn-group span a{
display:block;
line-height:8rem;
text-align: center;
color:#fff;
border-right:1px solid #fff;
}
.main ul .a4:before{
color:#ac6df9;
content:'\e604';
}
.main ul .a5:before{
color:#64cb55;
content: "\e606";
}
.main ul .a6:before{
color:#36d9ba;
content: "\e605";
}

/*phone3*/

.header{
	display: block;
	position: relative;
	width: 100% auto;
	height:30rem;
	background:#09b0fe;
	padding: 0;
	margin: 0;
	margin-bottom: 3rem;
	border-bottom:1px solid #ddd;
}
.tbox {
	float:left;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 3rem;
}
.btn-group1{
	display: block;
	position:absolute; 
	bottom:0px;
	margin:0;
	margin-bottom:0;
	width:100%;
	height:12rem;

}

.btn-group1 span{
	display:block;
	width:25%;
	background:#fff;
	line-height:6rem;
	font-size: 3.2rem;
	text-align: center;
	color:#09b0fe;
	float:left;
}

.btn-group1 a:link{
	color: #09b0fe;

}


.main ul .a7:before{
color:#ac6df9;
content:'\e604';
}
.main ul .a8:before{
color:#64cb55;
content: "\e606";
}
.main ul .a9:before{
color:#36d9ba;
content: "\e605";
}
.main ul .a10:before{
color:#36d9ba;
content: "\e605";
}
.main ul .a11:before{
color:#36d9ba;
content: "\e605";
}








